<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>表单验证</title>
	<style>
		table{  
            border:1px solid #6699cc;  
            width:600px;  
            margin:0 auto;  
            border-collapse: collapse;  
            font-family:'微软雅黑';  
        }  
        th,td{  
            border:1px solid #6699cc;  
            padding:10px;  
        }  
        th{  
            background-color: #090;  
        }  
        td{  
            background-color: #0f9;  
        }  
        #repswSpan{  
            margin-left:150px;  
        }  
        .error-info{  
            color:#f00;  
            display: none;  
        }  
        .focus{  
            border:2px solid #6699cc;  
        }  
        .normal{  
            border:1px solid #999;  
        }  
        .errror{  
            border:2px solid #f00;  
        }  
        .submit-btn{  
            display: inline-block;  
            color:#fff;  
            background-color: #6699cc;  
            width:100px;  
            height: 25px;  
            line-height: 25px;  
            font-size:15px;  
            font-weight: 600;  
            text-align: center;  
            border:none;  
        }   
        .meihua{}
        .meihua input{}
      
    
         body{
            height: 3000px;
         }

        .yejian{
         /* filter:  grayscale(100%);*/
        }
      
	</style>
</head>
<body>
<button id="backback">返回上一页</button>
<form action="http://www.baidu.com" method="get" id="registerForm">  
    <table>  
        <tr>  
            <th>注册表单</th>  
        </tr>  
        <tr>  
            <td>  
                <div>用户名</div>  
                <div><input type="text" name="user"/></div>  
                <div class="error-info J_user_error_info">用户名错误，请按要求输入</div>  
                <div>用户名必须是3-5位，由字母(a-z),数字(0-9),下划线(_)组成</div>  
            </td>  
        </tr>  
        <tr>  
            <td>  
                <div><span>密码</span><span id="repswSpan">确认密码</span> </div>  
                <div>  
                    <input type="password" name="psw"/>  
                    <input type="password" name="repsw"/>  
                </div>  
                <div class="error-info J_error_psw_info">密码格式错误，请按要求输入</div>  
                <div class="error-info J_error_repsw_info">两次密码输入不一致</div>  
                <div>密码必须是6-12位，由字母(a-z),数字(0-9)组成</div>  
            </td>  
        </tr>  
        <tr>  
            <td>  
                <div>邮件地址</div>  
                <div><input type="text" name="mail"/></div>  
                <div class="error-info J_error_mail_info">邮箱地址错误，请按要求填写</div>  
            </td>  
        </tr>  
        <tr>  
            <th><input type="submit" class="submit-btn" value="提交数据"/></th>  
        </tr>  
    </table>  
</form>  

<form action="http://www.baidu.com" method="get" id="biaodan">
	<input type="text" name=""/>
	<a  href="javascript:;" id="aaa">提交</a>
</form>

<label class="meihua">选择你的文件哦
    <input type="checkbox" name="">
</label>

<p class="yejian">我是夜间模式效果</p>
<p class="yejian">我是夜间模式效果</p>
<p class="yejian">我是夜间模式效果</p>

<ul id="bibao">
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
</ul>

<input type="text" name="">
<div style="width: 100px;height: 100px;background-color: skyblue;"></div>
<div style="width: 100px;height: 100px;background-color: tomato;"></div>

<input type="checkbox" name="" checked="true">

<script src="lib/jquery.js"></script>
<script src="lib/gaoliang.js"></script>
<script>



  var sss = 100;
  
    var sss = 101;
  
  console.log(sss);
$("#backback").on("click",function(){
  window.history.go(-1);
});

$("#aaa").on("click",function(){
	$("#biaodan").submit();
});

$(".yejian").gaoliang();
var a = 10;

var duixiang = {
    name : "dsadasdsa",
    hanshu: function(){
        var that = this;
        return function(){
             var name = "bbbb";
            console.log(that.name);
        }
    }
};

var ulul = document.getElementById("bibao").children;

for(let i=0;i<5;i++){

   ulul[i].onclick = function(){
    console.log(i);
   }
}




// 0 false "" undefined NaN null




// $.ajax({
//   url: "http://apis.juhe.cn/cook/query.php",
//   type: "get",
//   dataType: "json",
//   data:{
//    "menu": "排骨",
//    "key": "a38d899c29c0bd880c01cc38b0693274"
//   }
//   success:function(res){
//     console.log(res);
//   },
//   error:function(){
//     console.log("no shuju");
//   }
// });

// $.ajax({
//   url: "http://wangyi.butterfly.mopaasapp.com/detail/api?simpleId=8",
//   type: "get",
//   dataType: "jsonp",
//   success:function(res){
//     // var imgsss = $("<img src="+res.image+">");
//     // var mp3sss = $("<video src="+res.attrs.radio_url+".mp3 controls=controls></video>")
//     // $("body").append(imgsss);
//     // $("body").append(mp3sss);
//     console.log(res);
//   },
//   error:function(){
//     console.log("no shuju");
//   }
// });







    
   







// console.log(a);
// a();
// var a = 3;
// var a = function a(){
// 	console.log(10);
// }


// console.log(a);
// a = 6;
// a();
	// $(document).ready(function(){  
 //        var $inputEle=$("input[name]");  
 //        //页面加载时的input正常效果  
 //        $inputEle.addClass('normal');  
 //        //input元素获取焦点效果  
 //        function inputColor(input){  
 //            input.on('focus',function(e){  
 //                $(this).addClass('focus');  
 //            })  
 //        }  
 //        //将含有name属性的input元素添加获取焦点效果  
 //        inputColor($inputEle);  
 //        //校验各输入框的公有方法  
 //        function checkVal(flag,$input,$errorInfo){  
 //            if(!flag){  
 //                $input.addClass('error');  
 //                $errorInfo.show();  
 //                return false;  
 //            }  
 //            $input.addClass('normal');  
 //            $errorInfo.hide();  
 //            return true;  
 //        }  
 //        var regUser=/^\w{3,5}$/,  
 //            regPsw=/^[a-z0-9]{6,12}$/i,  
 //            regMail=/^(\w)+(\.\w+)*@(\w)+((\.\w+)+)$/;  
 //        var $userErrorInfo=$('.J_user_error_info'),  
 //            $pswErrorInfo=$('.J_error_psw_info'),  
 //            $repswErrorInfo=$('.J_error_repsw_info'),  
 //            $mailErrorInfo=$('.J_error_mail_info');  
 //        var $user=$("input[name='user']"),  
 //            $psw=$("input[name='psw']"),  
 //            $repsw=$("input[name='repsw']"),  
 //            $mail=$("input[name='mail']"),  
 //            $submitBtn=$("input[type='submit']");  
 //        //校验用户名  
 //        $user.on('blur',function(e){  
 //            var userFlag=regUser.test($(this).val());  
 //            return checkVal(userFlag,$(this),$userErrorInfo);  
 //        });  
 //        //校验密码  
 //        $psw.on('blur',function(e){  
 //            var pswFlag=regPsw.test($(this).val());  
 //            checkVal(pswFlag,$(this),$pswErrorInfo);  
 //        });  
 //        //校验确认密码  
 //        $repsw.on('blur',function(e){  
 //            var repswVal=$(this).val(),  
 //                pswVal=$psw.val();  
 //            var repswFlag=(repswVal===pswVal);  
 //            checkVal(repswFlag,$(this),$repswErrorInfo);  
 //        });  
 //        //校验邮箱  
 //        $mail.on('blur',function(e){  
 //            var mailFlag=regMail.test($(this).val());  
 //            checkVal(mailFlag,$(this),$mailErrorInfo);  
 //        });  
 //        //点击提交按钮  
 //        $submitBtn.on('click',function(e){  
 //            var userFlag=regUser.test($user.val()),  
 //                pswFlag=regPsw.test($psw.val()),  
 //                repswFlag=($repsw.val()===$psw.val()),  
 //                mailFlag=regMail.test($mail.val());  
 //            var checkUserResult=checkVal(userFlag,$user,$userErrorInfo),  
 //                checkPswResult=checkVal(pswFlag,$psw,$pswErrorInfo),  
 //                checkRepswResult=checkVal(repswFlag,$repsw,$repswErrorInfo),  
 //                checkMailResult=checkVal(mailFlag,$mail,$mailErrorInfo);  
 //            if(checkUserResult && checkPswResult && checkRepswResult && checkMailResult){  
 //                $('#registerForm').submit();  
 //            }else{  
 //                e.preventDefault();  
 //            }  
 //        });  
  
 //    });  


   // var duixiang = {
   //  name : "lin",
   //  age: 18,
   //  sex: "boy"
   // };

   // duixiang = JSON.stringify(duixiang);

   // console.log(duixiang);
//   zifu = zifu.toString();
// zifu = +zifu.slice(0,zifu.indexOf(".")+3);

    // var xhr = $.ajax({
    // url: "http://v.juhe.cn/weather/index",
    // data: "cityname=%E6%83%A0%E5%B7%9E&dtype=json&format=&key=fad397968700ea70904b44e82cdbed8c",
    // type: "get",
    // dataType: "jsonp",
    // timeout:1000,
    // beforeSend:function(){
    //     console.log("加载中");
    // },
    // success:function(res){
    //     console.log(res);
    // },
    // error:function(){
    //     console.log("没有数据");
    // },
    // complete:function(XMLHttpRequest,status){
    //     if(status == "timeout"){
    //         xhr.abort();
    //         alert("dsadsa");
    //         window.location.reload();
    //     }
    // }

    // });

  // document.getElementById("ulul").addEventListener("click",function(event){
  //   var eve = event || window.event;
  //   var tar = eve.target || eve.srcElement;

  //   if(tar.nodeName == "LI"){
  //       console.log("dsds");
  //   }else{
  //       console.log("dasd");
  //   }
  // });

  // (function(){
  //   var timer = null;
  //    $(window).on("resize",function(){
  //       clearTimeout(timer);
  //       timer = setTimeout(function(){
  //            console.log("11111");
  //       },1000);
       
  //   });
  // })()

  // var moshi = /\s+/g;
  // var moshi2 = new RegExp(/\s+/,"g");
  // console.log(moshi2.test("dasd dasdasd"));
  // var str = "asdasdasd";
  // var bianliang = "a"
  // var bianliang = new RegExp(bianliang,"g");
  // str = str.replace(bianliang,"z");
  // console.log(str);
   

   String.prototype.trim = function(){
        return this.replace(/\s+/g,"");
   }

   function qukongge(zifu){
    return zifu.replace(/\s+/g,"");
   }

  
      
         
</script>
</body>
</html>